<div>
    <div class="commonTitle">
        <h3>
            {{welcome_info}}
        </h3>
    </div>

    <div id="activityRecord" class="marginTop">
        <div class="row clearfix">
            <div class="col-md-12 column">

                <div class="commonTitle">
                    <h3>
                        活动记录
                    </h3>
                </div>

                <div>
                    <label>活动总计：<span style="margin: 0 2px;font-weight: bold;">{{pageInfo.totalCnt}}</span>次</label>
                </div>

                <div style="margin: 10px 0">
                    <a class="btn btn-primary" href="#/activity/create">新增活动</a>
                </div>

                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th> 名称</th>
                        <th> 日期</th>
                        <th> 金额</th>
                        <th> 人数</th>
                        <th style="width: 30%"> 活动人员</th>
                        <th style="width: 20%"> 备注</th>
                        <th> 更新时间</th>
                        <th> 操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="x in activityRecordDatas">
                        <td> {{x.name}}</td>
                        <td> {{x.date}}</td>
                        <td style="font-weight: bold;"> {{x.dues}}</td>
                        <td> {{x.userNum}}</td>
                        <td> {{x.usersDesc}}</td>
                        <td> {{x.info}}</td>
                        <td> {{x.lastUpdateTimeDesc}}</td>
                        <td>
                            <a href="#/activity/edit/{{x.id}}" class="">edit</a>
                            <a href="" ng-click="deleteActivity(x)" class="">delete</a>
                        </td>
                    </tr>
                    <tr ng-if="!activityRecordDatas.length">
                        <td colspan="8" style="text-align: center;">暂无数据</td>
                    </tr>
                    </tbody>
                </table>

                <div>
                    <page-directive total-count="pageInfo.totalCnt" page-size="pageInfo.pageSize"
                                    page-items="pageItems" current-page="pageInfo.pageNo"
                                    go-page="selectPage(pageNo, pageSize)"></page-directive>
                </div>
            </div>
        </div>
    </div>
</div>